<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="./jquery-3.7.1.min.js"></script>
</head>
<body>
    <ul class="first">
        <li>item 1</li>
        <li>
          <ul class="secode">
            <li>child item 1</li>
            <li>child item 2</li>
            <span>child span</span>
          </ul>
        </li>
        <li>item 3</li>
    </ul>

    <script>
        //jquery元素关系，children() 获取子元素
        $('.first').children().css('border','2px solid red')

        //find() 获取后代元素
        $('.first').find('li').css('border','2px solid blue')

        //next() 获取下一个同级元素

        //parent() 获取父元素

        //soblings() 获取所有同级元素

    </script>
</body>
</html>